<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
        <!-- css -->
        <link href="../css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
        <link href="../css/simple-line-icons.min.css" rel="stylesheet" type="text/css"/>
        <link href="../css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
        <link href="../css/components.min.css" rel="stylesheet" type="text/css"/>
        <link href="../css/layout.min.css" rel="stylesheet" type="text/css"/>
        <link href="../css/light.min.css" rel="stylesheet" type="text/css"/>
        <link href="../css/main.css" rel="stylesheet" type="text/css"/>
        <link href="../css/multi-select.css" rel="stylesheet" type="text/css"/>
        <!-- js -->
        <script src="../js/jquery-1.9.1.min.js" type="text/javascript"></script>
        <script src="../js/bootstrap.min.js" type="text/javascript"></script>
        <script src="../js/app.min.js" type="text/javascript"></script>
        <script src="../js/layout.min.js" type="text/javascript"></script>
        <script src="../js/main.js" type="text/javascript"></script>
        <script src="../js/select2.full.min.js" type="text/javascript"></script>
        <script src="../js/jquery.multi-select.js" type="text/javascript"></script>
        <script src="../js/bootstrap-select.min.js" type="text/javascript"></script>
        <script src="../js/components-multi-select.min.js" type="text/javascript"></script>
        <script src="../js/jquery.bootstrap-growl.min.js" type="text/javascript"></script>
        <title>个人管理</title>
        <!-- END THEME LAYOUT STYLES -->
    </head>
    <!-- END HEAD -->

    <body class="page-header-fixed page-sidebar-closed-hide-logo page-content-white">
        <div class="page-header navbar navbar-fixed-top">
            <!-- BEGIN HEADER INNER -->
            <div class="page-header-inner ">
                <div class="page-logo">
                    <img class="ml40 mt15" src="../images/icons/logo.png" alt=""/>
                </div>
                <a href="javascript:;" class="menu-toggler responsive-toggler" data-toggle="collapse" data-target=".navbar-collapse">
                    <span></span>
                </a>
                <div class="page-top">
                    <div class="top-menu">
                        <ul class="nav navbar-nav pull-right">
                            <li class="separator hide"> </li>
                            <li class="dropdown dropdown-user dropdown-dark">
                                <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
                                    <img alt="" class="user-img" src="../images/icons/user.png" /> 
                                </a>
                                <ul class="dropdown-menu dropdown-menu-default">
                                    <li>
                                        <a href="mybooking.html">
                                            <img src="../images/icons/mybooking.png" alt=""/>&nbsp;&nbsp;我的订单
                                        </a>
                                    </li>
                                    <li>
                                        <a href="myinfo.html">
                                            <img src="../images/icons/myinfo.png" alt=""/>&nbsp;&nbsp;用户信息
                                        </a>
                                    </li>
                                    <li>
                                        <a href="repwd.html">
                                            <img src="../images/icons/repwd.png" alt=""/>&nbsp;&nbsp;修改密码
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li class="dropdown dropdown-extended dropdown-tasks dropdown-dark">
                                <a href="login.html" class="logout">Lot out</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="page-container">
            <div class="page-sidebar-wrapper">
                <div class="page-sidebar navbar-collapse collapse">
                    <ul class="page-sidebar-menu  page-header-fixed ">
                        <li class="nav-item start">
                            <a href="index.html" class="nav-link nav-toggle">
                                <img class="icon" src="../images/icons/home.png" alt=""/><span class="title">首页</span>
                                <span class="selected"></span>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="yunzhuji.html" class="nav-link nav-toggle">
                                <img class="icon" src="../images/icons/yunzhuji.png" alt=""/><span class="title">云主机</span>
                                <span class="selected"></span>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="yunjiankong.html" class="nav-link nav-toggle">
                                <img class="icon" src="../images/icons/yunjiankong.png" alt=""/><span class="title">云监控</span>
                                <span class="selected"></span>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="yunqunzu.html" class="nav-link nav-toggle">
                                <img class="icon" src="../images/icons/yunqunzu.png" alt=""/><span class="title">云群组</span>
                                <span class="selected"></span>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="yunshichang.html" class="nav-link nav-toggle">
                                <img class="icon" src="../images/icons/yunshichang.png" alt=""/><span class="title">云市场</span>
                                <span class="selected"></span>
                            </a>
                        </li>
                        <li class="nav-item open active">
                            <a href="gerenguanli.html" class="nav-link nav-toggle">
                                <img class="icon" src="../images/icons/manager.png" alt=""/><span class="title">管理中心</span>
                                <span class="selected"></span>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="admin.html" class="nav-link nav-toggle">
                                <img class="icon" src="../images/icons/admin.png" alt=""/><span class="title">admin管理</span>
                                <span class="selected"></span>
                            </a>
                        </li>
                    </ul>
                    <!-- END SIDEBAR MENU -->
                    <!-- END SIDEBAR MENU -->
                </div>
                <!-- END SIDEBAR -->
            </div>
            <!-- END SIDEBAR -->
            <!-- BEGIN CONTENT -->
            <div class="page-content-wrapper">
                <!-- BEGIN CONTENT BODY -->
                <div class="page-content">
                    <div id="content">
                        <div id="gerenguanli" class="">
                            <div class="gerenguanli-header clearfix">
                                <img class="header-img" src="../images/manager/manager-header.png" alt=""/><span class="gerenguanli-title">管理中心(个人用户)</span>
                            </div>
                            <div class="mt15">
                                <ul class="nav nav-tabs " role="tablist">
                                    <li role="presentation" class="active"><a href="#zuzhi" role="tab" data-toggle="tab">我的组织</a></li>
                                    <li role="presentation"><a href="#huoban" role="tab" data-toggle="tab">合作伙伴</a></li>
                                </ul>
                                <!-- Tab panes -->
                                <div class="tab-content gerenguanli-tabcontent pt15">
                                    <div role="tabpanel" class="tab-pane active" id="zuzhi">
                                        <div class="zuzhi">
                                            <div class="clearfix pl20">
                                                <span class="pull-left mt5" data-toggle="modal" data-target=".addOrganizationModal"><img style="height: 20px;" src="../images/yunzhuji/add.png" alt=""/>
                                                    <a class="default-link">创建组织(未)</a></span>
                                                <span class="pull-left mt5 ml40" data-toggle="modal" data-target=".hasOrganizationModal"><img style="height: 20px;" src="../images/yunzhuji/add.png" alt=""/>
                                                    <a class="default-link">创建组织(已)</a></span>
                                                <span class="search ml40 pull-left">
                                                    <input class="form-control" placeholder="输入关键词查询组织"/>
                                                    <a class="search-btn"></a>
                                                </span>
                                            </div>
                                            <div class="result-list mt10">
                                                <table class="table table-bordered default-table">
                                                    <thead>
                                                        <tr>
                                                            <td style="width: 25%;">组织名称</td>
                                                            <td style="width: 25%;">组织描述</td>
                                                            <td style="width: 25%;">组织人数</td>
                                                            <td style="width: 25%;">加入组织</td>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        <tr>
                                                            <td>上海纷讯信息科技有限公司</td>
                                                            <td>组织介绍组织介绍组织介绍组织</td>
                                                            <td>55</td>
                                                            <td><a class="btn btn-green ml20 mr20" data-toggle="modal" data-target=".joinOrganizationModal">申请加入(未申请)</a></td>
                                                        </tr>
                                                        <tr>
                                                            <td>上海纷讯信息科技有限公司</td>
                                                            <td>组织介绍组织介绍组织介绍组织</td>
                                                            <td>55</td>
                                                            <td><a class="btn btn-green ml20 mr20" data-toggle="modal" data-target=".hisJoinOrganizationModal">申请加入(已申请)</a></td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </div>

                                        </div>
                                    </div>
                                    <div role="tabpanel" class="tab-pane" id="huoban">
                                        <div class="row mt20">
                                            <div class="col-md-5 col-md-offset-3">
                                                <form class="form-horizontal">
                                                    <div class="form-group">
                                                        <label for="name" class="col-md-4 control-label color-687780"><span class="color-red">*</span>&nbsp;渠道名称</label>
                                                        <div class="col-md-6">
                                                            <input type="text" class="form-control" id="name" placeholder="">
                                                        </div>
                                                    </div>
                                                    <div class="form-group">
                                                        <label for="contacts" class="col-md-4 control-label color-687780"><span class="color-red">*</span>&nbsp;&nbsp;联系人</label>
                                                        <div class="col-md-6">
                                                            <input type="text" class="form-control" id="contacts" placeholder="">
                                                        </div>
                                                    </div>
                                                    <div class="form-group">
                                                        <label for="mobile" class="col-md-4 control-label color-687780"><span class="color-red">*</span>&nbsp;联系电话</label>
                                                        <div class="col-md-6">
                                                            <input type="text" class="form-control" id="mobile" placeholder="">
                                                        </div>
                                                    </div>
                                                    <div class="form-group">
                                                        <label for="position" class="col-md-4 control-label color-687780">职位</label>
                                                        <div class="col-md-6">
                                                            <input type="text" class="form-control" id="position" placeholder="">
                                                        </div>
                                                    </div>
                                                    <div class="form-group">
                                                        <label for="industry" class="col-md-4 control-label color-687780"><span class="color-red">*</span>&nbsp;&nbsp;&nbsp;行业</label>
                                                        <div class="col-md-6">
                                                            <select id="industry" class="form-control">
                                                                <option value="互联网">互联网</option>
                                                                <option value="金融">金融</option>
                                                                <option value="IT">IT</option>
                                                            </select>
                                                        </div>
                                                    </div>
                                                    <div class="form-group">
                                                        <label for="scale" class="col-md-4 control-label color-687780"><span class="color-red">*</span>&nbsp;规模范围</label>
                                                        <div class="col-md-6">
                                                            <select id="scale" class="form-control">
                                                                <option value="50人以下">50人以下</option>
                                                                <option value="1000人以上">1000人以上</option>
                                                            </select>
                                                        </div>
                                                    </div>
                                                    <div class="form-group">
                                                        <label for="website" class="col-md-4 control-label color-687780">网址</label>
                                                        <div class="col-md-6">
                                                            <input type="text" class="form-control" id="website" placeholder="">
                                                        </div>
                                                    </div>
                                                    <div class="form-group">
                                                        <label for="address" class="col-md-4 control-label color-687780">联系地址</label>
                                                        <div class="col-md-6">
                                                            <input type="text" class="form-control" id="address" placeholder="">
                                                        </div>
                                                    </div>
                                                    <div class="form-group">
                                                        <label for="discription" class="col-md-4 control-label color-687780"><span class="color-red">*</span>&nbsp;申请理由</label>
                                                        <div class="col-md-6">
                                                            <textarea id="discription" rows="3" class="form-control"></textarea>
                                                        </div>
                                                    </div>
                                                    <div class="mt35 text-center form-group">
                                                        <div class="col-md-offset-4 col-md-6 text-center"><a class="btn btn-default mr35" id="createPartnerBtn">提交</a></div>
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div><!-- content -->
                    </div>
                </div>     
            </div>
            <!-- END QUICK SIDEBAR -->
        </div>
        <div class="page-footer">
            <div class="page-footer-inner">

            </div>
            <div class="scroll-to-top">
                <i class="icon-arrow-up"></i>
            </div>
        </div>
        <div class="modal fade modal-default joinOrganizationModal" tabindex="-1" role="dialog" aria-labelledby="startModal" aria-hidden="true">
            <div class="modal-dialog modal-sm">
                <div class="modal-title"><span class="close" data-dismiss="modal"></span>提示</div>
                <div class="modal-content">
                    <div class="pt35 pl15 pr15">
                        <div id="joinInfo">
                            <div class="mb20 text-center"><img src="../images/manager/confirm.png" alt=""/></div>
                            <div class="font-12">您申请加入“<span class="color-orange">上海纷讯信息科技有限公司</span>”，</div>
                            <div class="font-12">申请后无法加入其他组织，请确认操作</div>
                            <div class="mt35 text-center">
                                <a id="confirmJoin" class="btn btn-blue mr35">确认</a>
                                <a class="btn btn-default" data-dismiss="modal">取消</a>
                            </div>
                        </div>
                        <div id="examineTip" style="display: none;">
                            <div class="mb5 text-center"><img src="../images/manager/tip.png" alt=""/></div>
                            <div class="font-12 text-center">您已申请加入上海XXX组织，正在审核中。</div>
                            <div class="mt35 text-center">
                                <a class="btn btn-blue mr35" data-dismiss="modal">确认</a>
                                <a class="btn btn-default" data-dismiss="modal">取消</a>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
        <div class="modal fade modal-default hisJoinOrganizationModal" tabindex="-1" role="dialog" aria-labelledby="startModal" aria-hidden="true">
            <div class="modal-dialog modal-sm">
                <div class="modal-title"><span class="close" data-dismiss="modal"></span>提示</div>
                <div class="modal-content">
                    <div class="pt35 pl15 pr15">
                        <div>
                            <div class="mb5 text-center"><img src="../images/manager/confirm.png" alt=""/></div>
                            <div class="font-12 text-center">您已申请加入上海XXX组织，正在审核中。</div>
                            <div class="mt35 text-center">
                                <a class="btn btn-blue mr35" data-dismiss="modal">确认</a>
                                <a class="btn btn-default" data-dismiss="modal">取消</a>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>

        <div class="modal fade modal-default addOrganizationModal" tabindex="-1" role="dialog" aria-labelledby="addOrganizationModal" aria-hidden="true">
            <div class="modal-dialog modal-md mt150">
                <div class="modal-title"><span class="close" data-dismiss="modal"></span>创建组织</div>
                <div class="modal-content">
                    <div class="pt10 text-center pr50">
                        <form class="form-horizontal">
                            <div class="form-group">
                                <label for="name" class="col-md-4 control-label">组织名称<span class="color-red">*</span></label>
                                <div class="col-md-8">
                                    <input type="text" class="form-control" id="name" placeholder="">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="contacts" class="col-md-4 control-label">联系人<span class="color-red">*</span></label>
                                <div class="col-md-8">
                                    <input type="text" class="form-control" id="contacts" placeholder="">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="mobile" class="col-md-4 control-label">联系电话<span class="color-red">*</span></label>
                                <div class="col-md-8">
                                    <input type="text" class="form-control" id="mobile" placeholder="">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="position" class="col-md-4 control-label">职位<span class="color-red">*</span></label>
                                <div class="col-md-8">
                                    <input type="text" class="form-control" id="position" placeholder="">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="industry" class="col-md-4 control-label">行业<span class="color-red">*</span></label>
                                <div class="col-md-8">
                                    <select id="industry" class="form-control">
                                        <option value="互联网">互联网</option>
                                        <option value="金融">金融</option>
                                        <option value="IT">IT</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="scale" class="col-md-4 control-label">规模范围<span class="color-red">*</span></label>
                                <div class="col-md-8">
                                    <select id="scale" class="form-control">
                                        <option value="50人以下">50人以下</option>
                                        <option value="1000人以上">1000人以上</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="website" class="col-md-4 control-label">网址</label>
                                <div class="col-md-8">
                                    <input type="text" class="form-control" id="website" placeholder="">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="address" class="col-md-4 control-label">联系地址</label>
                                <div class="col-md-8">
                                    <input type="text" class="form-control" id="address" placeholder="">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="discription" class="col-md-4 control-label">组织描述<span class="color-red">*</span></label>
                                <div class="col-md-8">
                                    <textarea id="discription" rows="3" class="form-control"></textarea>
                                </div>
                            </div>
                            <div class="mt35 text-center">
                                <a class="btn btn-blue mr35" id="createOrganizationBtn">确认</a>
                                <a class="btn btn-default" data-dismiss="modal">取消</a>
                            </div>
                        </form>
                    </div>

                </div>
            </div>
        </div>
        <div class="modal fade modal-default tipCreateModal" tabindex="-1" role="dialog" aria-labelledby="startModal" aria-hidden="true">
            <div class="modal-dialog modal-sm">
                <div class="modal-title"><span class="close" data-dismiss="modal"></span>提示</div>
                <div class="modal-content">
                    <div class="pt35 pl15 pr15">
                        <div>
                            <div class="mb5 text-center"><img src="../images/manager/tip.png" alt=""/></div>
                            <div class="text-center">恭喜！创建组织成功，请等待审核</div>
                            <div class="mt35 text-center">
                                <a class="btn btn-blue mr35" data-dismiss="modal">确认</a>
                                <a class="btn btn-default" data-dismiss="modal">取消</a>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
        <div class="modal fade modal-default hasOrganizationModal" tabindex="-1" role="dialog" aria-labelledby="addOrganizationModal" aria-hidden="true">
            <div class="modal-dialog modal-md mt150">
                <div class="modal-title"><span class="close" data-dismiss="modal"></span>创建组织</div>
                <div class="modal-content">
                    <div class="pt10 text-left pl20">
                        <div class="row">
                            <div class="col-sm-4 mt15 text-right"><span class="color-red">*</span>&nbsp;组织名称：</div>
                            <div class="col-sm-8 mt15">上海纷讯信息科技有限公司</div>
                            <div class="col-sm-4 mt15 text-right"><span class="color-red">*</span>&nbsp;&nbsp;联系人：</div>
                            <div class="col-sm-8 mt15">Walt Pu</div>
                            <div class="col-sm-4 mt15 text-right"><span class="color-red">*</span>&nbsp;联系电话：</div>
                            <div class="col-sm-8 mt15">13965896666</div>
                            <div class="col-sm-4 mt15 text-right">职位：</div>
                            <div class="col-sm-8 mt15">总经理</div>
                            <div class="col-sm-4 mt15 text-right"><span class="color-red">*</span>&nbsp;&nbsp;&nbsp;行业：</div>
                            <div class="col-sm-8 mt15">IT服务</div>
                            <div class="col-sm-4 mt15 text-right"><span class="color-red">*</span>&nbsp;规模范围：</div>
                            <div class="col-sm-8 mt15">50人以下</div>
                            <div class="col-sm-4 mt15 text-right">网址：</div>
                            <div class="col-sm-8 mt15">www.fallfish.com.cn</div>
                            <div class="col-sm-4 mt15 text-right">联系地址：</div>
                            <div class="col-sm-8 mt15">上海市徐汇区凯旋路3131号603室</div>
                            <div class="col-sm-4 mt15 text-right"><span class="color-red">*</span>&nbsp;组织描述：</div>
                            <div class="col-sm-8 mt15">这个人很懒，什么都没留下</div>
                        </div>
                        <div class="mt30 text-center"><a class="btn btn-blue" data-dismiss="modal">好的</a></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="modal fade modal-default tipCreatePartnerModal" tabindex="-1" role="dialog" aria-labelledby="startModal" aria-hidden="true">
            <div class="modal-dialog modal-sm">
                <div class="modal-title"><span class="close" data-dismiss="modal"></span>提示</div>
                <div class="modal-content">
                    <div class="pt35 pl15 pr15">
                        <div>
                            <div class="mb5 text-center"><img src="../images/manager/confirm.png" alt=""/></div>
                            <div class="font-12 text-center mb5">提交成功，请耐心等待工作人员联系，</div>
                            <div class="font-12 text-center">并保持电话通畅！</div>
                            <div class="mt35 text-center">
                                <a class="btn btn-blue mr35" data-dismiss="modal">确认</a>
                                <a class="btn btn-default" data-dismiss="modal">取消</a>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
        <script>
            $(document).ready(function () {
                $('#confirmJoin').click(function (e) {
                    e.preventDefault();
                    $('#joinInfo').hide();
                    $('#examineTip').show();
                });
                $('#createOrganizationBtn').click(function () {
                    $('.addOrganizationModal').modal('hide');
                    $('.tipCreateModal').modal('show');
                });
                $('#createPartnerBtn').click(function () {
                    $('.tipCreatePartnerModal').modal('show');
                });
            });
        </script>
        <!--[if lt IE 9]>
<script src="../assets/global/plugins/respond.min.js"></script>
<script src="../assets/global/plugins/excanvas.min.js"></script> 
<![endif]-->
    </body>
</html>